<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <form id="add-form" class="form-horizontal" role="form"  method="POST" action="">
                          <input id="query_date" style="width: 200px;" class="form-control datetimepicker" data-date-format="YYYY-MM" data-use-current="true" name="query_date" type="text" value="{$query_date}">
                          <button type="button" class="btn btn-primary btn-embossed">查询</button>
                        </form>
                    </div>
                </div>
            </div>
            <div>总计出勤: <span id="total" style="font-size:600">{$total}</span>人次</div>
        </div>
    </div>
</div>
<textarea id="feeDepart" class="form-control hidden" style="margin-top:5px;">{$feeDepart}</textarea>
<textarea id="feeUserType" class="form-control hidden" style="margin-top:5px;">{$feeUserType}</textarea>
<div class="row" style="margin-bottom:5px;">
    <!-- Left col -->
    <section class="col-lg-12 connectedSortable">
        <!-- Custom tabs (Charts with tabs)-->
        <div class="nav-tabs-custom charts-custom">
            <!-- Tabs within a box -->
            <ul class="nav nav-tabs pull-right">
                <!--
                <li class="active"><a href="#line-chart" data-toggle="tab">折线图</a></li>
                <li><a href="#area-chart" data-toggle="tab">区域图</a></li>
                -->
                <li class="pull-left header"><i class="fa fa-inbox"></i> 部门出勤</li>
            </ul>
            <div class="tab-content no-padding">
                <!-- Morris chart - Sales -->
                <div class="chart tab-pane active" id="bar-chart-depart" style="position: relative; height: 600px;"></div>
                <!--<div class="chart tab-pane" id="area-chart" style="position: relative; height: 300px;"></div>-->
            </div>
        </div>
        <div class="nav-tabs-custom charts-custom">
            <!-- Tabs within a box -->
            <ul class="nav nav-tabs pull-right">
                <!--
                <li class="active"><a href="#pie-chart" data-toggle="tab">饼图</a></li>
                <li><a href="#bar-chart" data-toggle="tab">柱状图</a></li>
                -->
                <li class="pull-left header"><i class="fa fa-inbox"></i> 人员类别出勤</li>
            </ul>
            <div class="tab-content no-padding">
                <!-- Morris chart - Sales -->
                <!--<div class="chart tab-pane active" id="pie-chart" style="position: relative; height: 300px;"></div>-->
                <div class="chart tab-pane active" id="bar-chart-type" style="position: relative; height: 600px;"></div>
            </div>
        </div>
        <!-- /.nav-tabs-custom -->

    </section>
</div>
